//账户信息

import React from 'react';
import { Progress, Space } from 'antd';
import styles from './AccountInformation.module.less';

export default ({ personageMessage, passwordClick }) => {

    return (
        <div className={styles.AccountInformationBox}>
            <div className={styles.messageItem}>
              你的当前账号：{personageMessage.account}
            </div>
            <div className={styles.messageItem}>
                <Space>
                    <span>
                        上次登录：{personageMessage.lastLoginTime}
                    </span>
                    <span>
                        Ip地址：{personageMessage.lastLoginIp} (不是您登录的 ？ 请立即 <span className='common-color2' onClick={passwordClick}>更换密码</span>)
                    </span>
                </Space>
            </div>
            <div className={styles.messageItem}>
                <span>账户安全：</span>
                <Progress style={{ width: 200 }} percent={100} showInfo={false} strokeColor='#1890ff' />
                <span style={{ marginLeft: 10, color: '#00BB7c' }}>高</span>
            </div>
        </div>
    )
}